<template>
  <div class="hazardsource">
    <Card title="生产风险统计">
      <Productionrisk :data="mainData"></Productionrisk>
    </Card>
  </div>
</template>

<script>
import { defineComponent } from "vue";
import Card from "./Card.vue";
import Productionrisk from "./Productionrisk.vue";

export default defineComponent({
  name: "HazardSource",
  components: {
    Card,
    Productionrisk,
  },

  data() {
    return {
      mainData: [
        {
          name: "重大危险源",
          num: 0,
        },
        {
          name: "关键重大部位",
          num: 0,
        },
        {
          name: "可燃有毒气体",
          num: 0,
        },
        {
          name: "环境监测",
          num: 0,
        },
      ],
    };
  },
  methods: {
    setData(data) {
      this.mainData = data;
    },
  },
});
</script>

<style lang="scss" scoped></style>
